<template>
  <RouterView :class="showFooter ? 'pb' : ''" />
  <Footer v-if="showFooter" />
</template>

<script setup>
import { RouterView, useRoute } from 'vue-router'
import Footer from '@/components/Footer.vue'
import { computed } from 'vue';

const route = useRoute()

const showFooter = computed(() => {
  return ['Home', 'Resource', 'Project', 'User'].includes(route.name)
})
</script>

<style scoped>
.pb {
  padding-bottom: 60px;
}
</style>
